$(document).ready(function(){
    $('a.add_friend').click(function() {
        var notification = $(this).parent().parent();
        notification.css('opacity', 0.3);
        notification.children('img.ajax_indicator').css('display', 'block');
        $.ajax({
            url: $(this).attr('href'),
            success: function(html){
                notification.children('img.ajax_indicator').css('display', 'none');
                notification.css('opacity', 0.8);
                notification.find('div.title span').text('已成为你的好友').css('color', '#ED5700');
                notification.delay(2000).slideUp('slow', function() { 
                    notification.remove();
                });
            }
        });
        return false;
    });

    $('a.ignore').click(function() {
        var notification = $(this).parent().parent();
        notification.css('opacity', 0.3);
        notification.children('img.ajax_indicator').css('display', 'block');
        $.ajax({
            url: $(this).attr('href'),
            success: function(html){
                notification.slideUp('slow', function() { 
                    notification.remove();
                });
            }
        });
        return false;
    });

    $('a.close').click(function() {
        var notification = $(this).parent();
        notification.css('opacity', 0.3);
        notification.children('img.ajax_indicator').css('display', 'block');
        $.ajax({
            url: $(this).attr('href'),
            success: function(msg){
                notification.slideUp('slow', function() { 
                    notification.remove();
                    if ($('#notifications').children().length == 0) {
                        $('#noti_header').after('<p id="no_noti">没有通知了。</p>');
                        $('#clear_all').remove();
                        $('#note_count').remove();
                        $('ul.tabs li a').text('通知(0)');
                    } else {
                        var s = $('ul.tabs li a').text();
                        var n = parseInt(s.substr(3, s.length - 4)) - 1;
                        $('ul.tabs li a').text('通知(' + n + ')');
                        $('#note_count').text(n);
                    }
                });
            }
        });
        return false;
    });

    $('#clear_all').click(function() {
        $('#notifications').css('opacity', 0.3);
         $.ajax({
            url: '/notifications/clear/',
            success: function(msg){
                $('#notifications').slideUp('slow', function() { 
                    $('#noti_header').after('<p id="no_noti">没有通知了。</p>');
                    $('#clear_all').remove();
                    $('#note_count').remove();
                    $('ul.tabs li a').text('通知(0)');
                });
            }
        });
        return false;
    });

});
